<!doctype html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 百度不转码 -->
  <meta http-equiv="Cache-control" content="no-cache"> <!-- 不缓存 -->
  <meta content="telephone=no" name="format-detection"> <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
  <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><!-- "苹果手机专用"的改变顶部状态条的颜色 -->
  <meta content="yes" name="apple-mobile-web-app-capable"><!-- 开启对 web app 程序的支持 -->
  <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"><!-- 不允许缩放的1:1显示 -->
  <meta name="mobile-agent" content="format=html5;url=http://m.moerlong.com/"><!-- 自主适配，仅在百度移动搜索中有效 -->
  <meta name="applicable-device" content="mobile"><!-- 只适合在移动设备上进行浏览 -->
  <meta name="keywords" content="">
  <meta name="robots" content="index,follow"> <!-- 定义搜索引擎索引方式 -->
  <meta name="format-detection" content="telphone=no, email=no"/>
  <title></title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_838394_57dlr0e52o2.css"/>
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/h.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
 </head>
 <body>
 <!--头部-->
 <div class="head">
  <script>$(".head").load("head.html");</script>
 </div>
 <div class="title_list">
  <ul>
   <li class="active"><a href="#"> 待付款 </a></li>
  <li><a href="#"> 已付款 </a></li>
  <li><a href="#"> 待评价 </a></li>
  <li><a href="#"> 退款/售后 </a></li>
  <li><a href="#"> 全部订单 </a></li>
   <div class="both"></div>
  </ul>
 </div>
 <div class="order_list">
  <ul>
   <li>
    <h3>拓然胜健身工作室（金源店）</h3>
    <div class="order_cont">
      <p> <span> 订单号 </span>   D12345678984 </p>
     <p> <span> 订单金额 </span>  <em class="red">¥ 1198</em>   </p>
     <p> <span> 下单时间 </span>   2016-08-19  17:29  </p>
     <p> <span> 订单状态 </span> <em class="red">取消订单</em>    </p>
    </div>
 </li>
   <li>
    <h3>拓然胜健身工作室（金源店）</h3>
    <div class="order_cont">
     <p> <span> 订单号 </span>   D12345678984 </p>
     <p> <span> 订单金额 </span>  <em class="red">¥ 1198</em>   </p>
     <p> <span> 下单时间 </span>   2016-08-19  17:29  </p>
     <p> <span> 订单状态 </span> <em class="red">取消订单</em>    </p>
    </div>
   </li>
   <li>
    <h3>拓然胜健身工作室（金源店）</h3>
    <div class="order_cont">
     <p> <span> 订单号 </span>   D12345678984 </p>
     <p> <span> 订单金额 </span>  <em class="red">¥ 1198</em>   </p>
     <p> <span> 下单时间 </span>   2016-08-19  17:29  </p>
     <p> <span> 订单状态 </span> <em class="red">取消订单</em>    </p>
    </div>
   </li>
   <li>
    <h3>拓然胜健身工作室（金源店）</h3>
    <div class="order_cont">
     <p> <span> 订单号 </span>   D12345678984 </p>
     <p> <span> 订单金额 </span>  <em class="red">¥ 1198</em>   </p>
     <p> <span> 下单时间 </span>   2016-08-19  17:29  </p>
     <p> <span> 订单状态 </span> <em class="red">取消订单</em>    </p>
    </div>
   </li>
  </ul>
 </div>
 <div class="foot">
  <script>$(".foot").load("foot.html");</script>
 </div>
 <script>

 </script>
 </body>
</html>
